﻿@page "/FormValidation"

    <div class="demo-description">
        <h1><DemoNavLink Link="FormValidation#Overview" />Overview</h1>
        <p>
            The DevExpress UI components support the Blazor's form validation.
            You can read about the Blazor forms and validation in the <a class="helplink" target="_blank" href="https://docs.microsoft.com/aspnet/core/blazor/forms-validation?view=aspnetcore-3.0">official documentation</a>.
        </p>
        <p>
            In the demo examples we will use the following class type that defines validation logic using <a class="helplink" target="_blank" href="https://docs.microsoft.com/aspnet/core/mvc/models/validation?view=aspnetcore-3.0">data annotations</a>:
        </p>
        <CodeSnippet_FormValidation_Overview/>
        <p>
            <i>The Starship class has been taken from the <a class="helplink" target="_blank" href="https://docs.microsoft.com/aspnet/core/blazor/forms-validation?view=aspnetcore-3.0">official documentation</a> with only slight modifications.</i>
        </p>
    </div>

<FormValidation_FormLayout />
<FormValidation_CustomForm />
